@layout("/common/_container.html"){
<link rel="stylesheet" type="text/css" href="${ctxPath}/static/css/plugins/steps/jquery.steps.css"/>
<link rel="stylesheet" type="text/css" href="${ctxPath}/static/plugin/gooflow/GooFlow.css"/>
<style>
    .wizard > .content{
        height: 600px;
    }
    .wizard, .tabcontrol {
        display: block;
        width: 100%;
        overflow: visible;
    }
    .other_bar{
        margin-bottom: 20px;
    }
</style>
<svg hidden="true">
    <defs >
        <!--<marker id="arrow1" viewBox="0 0 6 6" refX="5" refY="3" markerUnits="strokeWidth" markerWidth="6" markerHeight="6" orient="auto"><path d="M 0 0 L 6 3 L 0 6 z" fill="#1D8CE0" stroke-width="0"></path></marker>-->
    </defs>
</svg>

<div class="other_bar">

</div>

<div id="wizard">
    <h1>填写故障站相关信息</h1>
    <h2></h2>
    <fieldset>
        <div clasloat-e-margins>
            <div class="ibox-content">
                <div class="form-horizontal" id="accidentInfoForm">
                    <div class="row">
                        <div class="col-sm-6 b-r">
                            <input type="hidden" id="id" value="${item.id}">
                            <#input id="accidentTypeName" name="事故类型" underline="true" value="${item.accidentTypeName}"
                                    hidden="accidentTypeId" readonly="readonly"
                                    clickFun="AlarmInfoDlg.showAccidentTypeSelectTree(); return false;"
                                    style="background-color: #ffffff !important;"
                                    selectFlag="true" selectId="accidentTypeTreeDiv" selectTreeId="accidentTypeTree"
                                    selectStyle="width:244px !important;"/>

                            <#input id="lineName" name="事故线路" underline="true" value="${item.lineName}"
                                    hidden="lineId" readonly="readonly"
                                    clickFun="AlarmInfoDlg.showLineTree(); return false;"
                                    style="background-color: #ffffff !important;"
                                    selectFlag="true" selectId="lineTreeDiv" selectTreeId="lineTree"
                                    selectStyle="width:244px !important;"/>

                            <#input id="stationName" name="事故地点" underline="true" value="${item.stationName}"
                                    hidden="stationId" readonly="readonly"
                                    clickFun="AlarmInfoDlg.showStationTree(); return false;"
                                    style="background-color: #ffffff !important;"
                                    selectFlag="true" selectId="stationTreeDiv" selectTreeId="stationTree"
                                    selectStyle="width:244px !important;"/>
                            <#input id="startTime" name="发生时间"  type="text" value="${item.startTime}" underline="true"/>
                            <#input id="trainNumber" name="车次" underline="true" value="${item.trainNumber}"/>


                        </div>
                        <div class="col-sm-6">
                            <input type="hidden" value="${item.accidentLevel}">
                            <#selectDict id="accidentLevel" name="响应等级" code="responseLevel" value="${item.accidentLevel}" underline="true" />
                            <#input id="emergencyName" name="突发事件类型" underline="true" value="${item.emergencyName}"
                                    hidden="emergencyId" readonly="readonly"
                                    clickFun="AlarmInfoDlg.showEmergencySelectTree(); return false;"
                                    style="background-color: #ffffff !important;"
                                    selectFlag="true" selectId="emergencyTreeDiv" selectTreeId="emergencyTree"
                                    selectStyle="width:244px !important;"/>
                            <#input id="trapNum" name="影响范围" underline="true" value="${item.trapNum}"/>
                            <#input id="reduction" name="预计行车能力降低(%)" underline="false" underline="true" value="${item.reduction}"/>
                            <#input id="emergencyproId" name="突发事件属性" underline="true" clickFun="AlarmInfoDlg.emergencyPropertySel()"/>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
    <div class="row btn-group-m-t">
        <div class="col-sm-10">
            <#button btnCss="info" name="报警" id="ensure" icon="fa-check" clickFun="AlarmInfoDlg.editerSubmit()"/>
            <#button btnCss="info" name="重置" id="ensure" icon="fa-check" clickFun="AlarmInfoDlg.delete()"/>
        </div>
    </div>
</div>

<script type="text/javascript" src="${ctxPath}/static/plugin/gooflow/GooFlow.js"></script>
<script src="${ctxPath}/static/modular/yjya/alarm/alarm_info.js"></script>
<script>
    laydate.render({
        elem: '#startTime'
        ,type: 'datetime'
    });
</script>
@}